// tadolist函数方式

import { useState } from 'react'

import "../../index.css";
import Search2 from "../../components/todolist2/Search2"; //头
import List2 from "../../components/todolist2/List2"; //身体


const Tadolist2 = () => {

  const [list, setuser] = useState({
    list:[
        {
          name: "第一条记事本"
        },
        {
          name: "第二条记事本"
        },
        {
          name: "第三条记事本"
        }
      ]
    
  })


  let todolist2 = (msg) => { //msg是子组件传过来的
    // // console.log(msg);
    // let data = [...list].concat([msg])
    // console.log('data', data);
    // // data.push(msg)
    // setuser({
    //   list: data
    // })

    let nlist = list.list
    nlist.push(msg)
    setuser(()=>{
      return{
        ...list,
        list:nlist
      }
    })
  }


  return (
    <>
      <div className="todolist">
        {/* 头部 */}
        <Search2 todolist2={todolist2}></Search2>
        {/* 列表 */}
        <List2 list={list}></List2>
      </div>
    </>
  )

}

export default Tadolist2
